﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="relatorioIvv.aspx.cs" Inherits="ivv.relatorioIvv" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>Fiepe - IVV</title>
    <link href="Site.css" rel="stylesheet" type="text/css" />
    
    <link href="css/estilos.css" rel="stylesheet" type="text/css" />

    <script type="text/javascript" src="http://www.google.com/jsapi"></script>

    <script type="text/javascript" src="chart/jquery.min.js"></script>

    <script type="text/javascript" src="chart/jquery.gvChart-0.1.min.js"></script>

    <script type="text/javascript">
		
		gvChartInit();
		jQuery(document).ready(function(){
		
		
//			jQuery('#myTable1').gvChart({
//				chartType: 'AreaChart',
//				gvSettings: {
//					vAxis: {title: 'No of players'},
//					hAxis: {title: 'Month'},
//					width: 720,
//					height: 300,
//					}
//			});
			
			jQuery('#ivv').gvChart({
				chartType: 'LineChart',
				gvSettings: {
					vAxis: {title: ''},
					hAxis: {title: ''},
					width: 600,
					height: 300,
					}
			});
			
			jQuery('#ofertas').gvChart({
				chartType: 'LineChart',
				gvSettings: {
					vAxis: {title: ''},
					hAxis: {title: ''},
					width: 600,
					height: 300,
					}
			});
			
			jQuery('#lancamento').gvChart({
				chartType: 'LineChart',
				gvSettings: {
					vAxis: {title: ''},
					hAxis: {title: ''},
					width: 600,
					height: 300,
					}
			});
			
			jQuery('#venda').gvChart({
				chartType: 'LineChart',
				gvSettings: {
					vAxis: {title: ''},
					hAxis: {title: ''},
					width: 600,
					height: 300,
					}
			});
		});
		
    </script>

</head>
<body>
    <form id="form1" runat="server">
    <div>
        <table width="70%">
            <tr>
                <td>
                    Ano inicial:
                    <asp:DropDownList ID="lstAnoInicial" runat="server">
                        <asp:ListItem Text="Selecione um ano" Value="0"></asp:ListItem>
                        <asp:ListItem Text="2012" Value="1"></asp:ListItem>
                        <asp:ListItem Text="2011" Value="2"></asp:ListItem>
                        <asp:ListItem Text="2010" Value="3"></asp:ListItem>
                    </asp:DropDownList>
                </td>
                <td>
                    Ano final:
                    <asp:DropDownList ID="lstAnoFinal" runat="server">
                        <asp:ListItem Text="Selecione um ano" Value="0"></asp:ListItem>
                        <asp:ListItem Text="2012" Value="1"></asp:ListItem>
                        <asp:ListItem Text="2011" Value="2"></asp:ListItem>
                        <asp:ListItem Text="2010" Value="3"></asp:ListItem>
                    </asp:DropDownList>
                </td>
                <td>
                </td>
            </tr>
            <tr>
                <td>
                    Mês inicial:
                    <asp:DropDownList ID="lstMesInicial" runat="server">
                        <asp:ListItem Text="Selecione um mês" Value="0"></asp:ListItem>
                        <asp:ListItem Text="Janeiro" Value="1"></asp:ListItem>
                        <asp:ListItem Text="Fevereiro" Value="2"></asp:ListItem>
                        <asp:ListItem Text="Março" Value="3"></asp:ListItem>
                        <asp:ListItem Text="Abril" Value="4"></asp:ListItem>
                        <asp:ListItem Text="Maio" Value="5"></asp:ListItem>
                        <asp:ListItem Text="Junho" Value="6"></asp:ListItem>
                        <asp:ListItem Text="Julho" Value="7"></asp:ListItem>
                        <asp:ListItem Text="Agosto" Value="8"></asp:ListItem>
                        <asp:ListItem Text="Setembro" Value="9"></asp:ListItem>
                        <asp:ListItem Text="Outubro" Value="10"></asp:ListItem>
                        <asp:ListItem Text="Novembro" Value="11"></asp:ListItem>
                        <asp:ListItem Text="Dezembro" Value="12"></asp:ListItem>
                    </asp:DropDownList>
                </td>
                <td>
                    Mês final:
                    <asp:DropDownList ID="lstMesFinal" runat="server">
                        <asp:ListItem Text="Selecione um mês" Value="0"></asp:ListItem>
                        <asp:ListItem Text="Janeiro" Value="1"></asp:ListItem>
                        <asp:ListItem Text="Fevereiro" Value="2"></asp:ListItem>
                        <asp:ListItem Text="Março" Value="3"></asp:ListItem>
                        <asp:ListItem Text="Abril" Value="4"></asp:ListItem>
                        <asp:ListItem Text="Maio" Value="5"></asp:ListItem>
                        <asp:ListItem Text="Junho" Value="6"></asp:ListItem>
                        <asp:ListItem Text="Julho" Value="7"></asp:ListItem>
                        <asp:ListItem Text="Agosto" Value="8"></asp:ListItem>
                        <asp:ListItem Text="Setembro" Value="9"></asp:ListItem>
                        <asp:ListItem Text="Outubro" Value="10"></asp:ListItem>
                        <asp:ListItem Text="Novembro" Value="11"></asp:ListItem>
                        <asp:ListItem Text="Dezembro" Value="12"></asp:ListItem>
                    </asp:DropDownList>
                </td>
                <td>
                    <asp:Button ID="btnGerar" runat="server" Text="Filtrar" Height="36px" 
                        Width="60px" />
                </td>
            </tr>
        </table>
        <br />
        <hr />
        <table width="100%" cellpadding=0 cellspacing=0>
        <tr align="center" valign="middle"><td colspan="2"><h2>ANÁLISE DOS PRINCIPAIS RESULTADOS</h2></td></tr>
            <tr>
                <td>
                    <h3>
                        IVV</h3>
                    <table id='ivv'>
                        <caption>
                            Região Metropolitana do Recife Mercado Imobiliário - IVV</caption>
                        <thead>
                            <tr>
                                <th>
                                </th>
                                <th>
                                    Jan
                                </th>
                                <th>
                                    Fev
                                </th>
                                <th>
                                    Mar
                                </th>
                                <th>
                                    Abr
                                </th>
                                <th>
                                    Mai
                                </th>
                                <th>
                                    Jun
                                </th>
                                <th>
                                    Jul
                                </th>
                                <th>
                                    Ago
                                </th>
                                <th>
                                    Set
                                </th>
                                <th>
                                    Out
                                </th>
                                <th>
                                    Nov
                                </th>
                                <th>
                                    Dez
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <th>
                                    2012
                                </th>
                                <td>
                                    15
                                </td>
                                <td>
                                    13
                                </td>
                                <td>
                                    20
                                </td>
                                <td>
                                </td>
                                <td>
                                </td>
                                <td>
                                </td>
                                <td>
                                </td>
                                <td>
                                </td>
                                <td>
                                </td>
                                <td>
                                </td>
                                <td>
                                </td>
                                <td>
                                </td>
                            </tr>
                            <tr>
                                <th>
                                    2011
                                </th>
                                <td>
                                    10
                                </td>
                                <td>
                                    11
                                </td>
                                <td>
                                    8
                                </td>
                                <td>
                                    7
                                </td>
                                <td>
                                    27
                                </td>
                                <td>
                                    9
                                </td>
                                <td>
                                    10
                                </td>
                                <td>
                                    16
                                </td>
                                <td>
                                    13
                                </td>
                                <td>
                                    24
                                </td>
                                <td>
                                    21
                                </td>
                                <td>
                                    10
                                </td>
                            </tr>
                            <tr>
                                <th>
                                    2010
                                </th>
                                <td>
                                    15
                                </td>
                                <td>
                                    17
                                </td>
                                <td>
                                    18
                                </td>
                                <td>
                                    14
                                </td>
                                <td>
                                    11
                                </td>
                                <td>
                                    9
                                </td>
                                <td>
                                    13
                                </td>
                                <td>
                                    11
                                </td>
                                <td>
                                    16
                                </td>
                                <td>
                                    15
                                </td>
                                <td>
                                    14
                                </td>
                                <td>
                                    11
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </td>
                <td>
                    <h3>
                        OFERTAS</h3>
                    <table id='ofertas'>
                        <caption>
                            Região Metropolitana do Recife Mercado Imobiliário - Ofertas</caption>
                        <thead>
                            <tr>
                                <th>
                                </th>
                                <th>
                                    Jan
                                </th>
                                <th>
                                    Fev
                                </th>
                                <th>
                                    Mar
                                </th>
                                <th>
                                    Abr
                                </th>
                                <th>
                                    Mai
                                </th>
                                <th>
                                    Jun
                                </th>
                                <th>
                                    Jul
                                </th>
                                <th>
                                    Ago
                                </th>
                                <th>
                                    Set
                                </th>
                                <th>
                                    Out
                                </th>
                                <th>
                                    Nov
                                </th>
                                <th>
                                    Dez
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <th>
                                    2012
                                </th>
                                <td>
                                    3600
                                </td>
                                <td>
                                    2900
                                </td>
                                <td>
                                    3900
                                </td>
                                <td>
                                </td>
                                <td>
                                </td>
                                <td>
                                </td>
                                <td>
                                </td>
                                <td>
                                </td>
                                <td>
                                </td>
                                <td>
                                </td>
                                <td>
                                </td>
                                <td>
                                </td>
                            </tr>
                            <tr>
                                <th>
                                    2011
                                </th>
                                <td>
                                    3600
                                </td>
                                <td>
                                    3100
                                </td>
                                <td>
                                    2850
                                </td>
                                <td>
                                    2500
                                </td>
                                <td>
                                    3900
                                </td>
                                <td>
                                    3300
                                </td>
                                <td>
                                    2500
                                </td>
                                <td>
                                    2700
                                </td>
                                <td>
                                    2900
                                </td>
                                <td>
                                    3700
                                </td>
                                <td>
                                    3700
                                </td>
                                <td>
                                    3300
                                </td>
                            </tr>
                            <tr>
                                <th>
                                    2010
                                </th>
                                <td>
                                    6700
                                </td>
                                <td>
                                    6000
                                </td>
                                <td>
                                    5900
                                </td>
                                <td>
                                    5600
                                </td>
                                <td>
                                    4950
                                </td>
                                <td>
                                    4900
                                </td>
                                <td>
                                    4800
                                </td>
                                <td>
                                    4750
                                </td>
                                <td>
                                    4700
                                </td>
                                <td>
                                    900
                                </td>
                                <td>
                                    800
                                </td>
                                <td>
                                    3900
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </td>
            </tr>
            <tr>
                <td>
                    <h3>
                        LANÇAMENTOS</h3>
                    <table id='lancamento'>
                        <caption>
                            Região Metropolitana do Recife Mercado Imobiliário - Lançamentos</caption>
                        <thead>
                            <tr>
                                <th>
                                </th>
                                <th>
                                    Jan
                                </th>
                                <th>
                                    Fev
                                </th>
                                <th>
                                    Mar
                                </th>
                                <th>
                                    Abr
                                </th>
                                <th>
                                    Mai
                                </th>
                                <th>
                                    Jun
                                </th>
                                <th>
                                    Jul
                                </th>
                                <th>
                                    Ago
                                </th>
                                <th>
                                    Set
                                </th>
                                <th>
                                    Out
                                </th>
                                <th>
                                    Nov
                                </th>
                                <th>
                                    Dez
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <th>
                                    2012
                                </th>
                                <td>
                                    900
                                </td>
                                <td>
                                    200
                                </td>
                                <td>
                                    1400
                                </td>
                                <td>
                                </td>
                                <td>
                                </td>
                                <td>
                                </td>
                                <td>
                                </td>
                                <td>
                                </td>
                                <td>
                                </td>
                                <td>
                                </td>
                                <td>
                                </td>
                                <td>
                                </td>
                            </tr>
                            <tr>
                                <th>
                                    2011
                                </th>
                                <td>
                                    100
                                </td>
                                <td>
                                    150
                                </td>
                                <td>
                                    200
                                </td>
                                <td>
                                    50
                                </td>
                                <td>
                                    130
                                </td>
                                <td>
                                    200
                                </td>
                                <td>
                                    150
                                </td>
                                <td>
                                    300
                                </td>
                                <td>
                                    650
                                </td>
                                <td>
                                    1000
                                </td>
                                <td>
                                    900
                                </td>
                                <td>
                                    100
                                </td>
                            </tr>
                            <tr>
                                <th>
                                    2010
                                </th>
                                <td>
                                    1800
                                </td>
                                <td>
                                    300
                                </td>
                                <td>
                                    800
                                </td>
                                <td>
                                    450
                                </td>
                                <td>
                                    150
                                </td>
                                <td>
                                    180
                                </td>
                                <td>
                                    450
                                </td>
                                <td>
                                    50
                                </td>
                                <td>
                                    300
                                </td>
                                <td>
                                    270
                                </td>
                                <td>
                                    300
                                </td>
                                <td>
                                    500
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </td>
                <td>
                    <h3>
                        VENDAS</h3>
                    <table id='venda'>
                        <caption>
                            Região Metropolitana do Recife Mercado Imobiliário - Vendas</caption>
                        <thead>
                            <tr>
                                <th>
                                </th>
                                <th>
                                    Jan
                                </th>
                                <th>
                                    Fev
                                </th>
                                <th>
                                    Mar
                                </th>
                                <th>
                                    Abr
                                </th>
                                <th>
                                    Mai
                                </th>
                                <th>
                                    Jun
                                </th>
                                <th>
                                    Jul
                                </th>
                                <th>
                                    Ago
                                </th>
                                <th>
                                    Set
                                </th>
                                <th>
                                    Out
                                </th>
                                <th>
                                    Nov
                                </th>
                                <th>
                                    Dez
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <th>
                                    2012
                                </th>
                                <td>
                                    500
                                </td>
                                <td>
                                    250
                                </td>
                                <td>
                                    880
                                </td>
                                <td>
                                </td>
                                <td>
                                </td>
                                <td>
                                </td>
                                <td>
                                </td>
                                <td>
                                </td>
                                <td>
                                </td>
                                <td>
                                </td>
                                <td>
                                </td>
                                <td>
                                </td>
                            </tr>
                            <tr>
                                <th>
                                    2011
                                </th>
                                <td>
                                    400
                                </td>
                                <td>
                                    430
                                </td>
                                <td>
                                    280
                                </td>
                                <td>
                                    200
                                </td>
                                <td>
                                    1400
                                </td>
                                <td>
                                    430
                                </td>
                                <td>
                                    280
                                </td>
                                <td>
                                    490
                                </td>
                                <td>
                                    490
                                </td>
                                <td>
                                    880
                                </td>
                                <td>
                                    600
                                </td>
                                <td>
                                    280
                                </td>
                            </tr>
                            <tr>
                                <th>
                                    2010
                                </th>
                                <td>
                                    1300
                                </td>
                                <td>
                                    1200
                                </td>
                                <td>
                                    1250
                                </td>
                                <td>
                                    800
                                </td>
                                <td>
                                    600
                                </td>
                                <td>
                                    500
                                </td>
                                <td>
                                    650
                                </td>
                                <td>
                                    500
                                </td>
                                <td>
                                    750
                                </td>
                                <td>
                                    120
                                </td>
                                <td>
                                    100
                                </td>
                                <td>
                                    470
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </td>
            </tr>
        </table>
    </div>
    </form>
</body>
</html>
